import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'amfe-flexible'
import directiveObj from './utils/directive'
import 'highlight.js/styles/default.css' // 代码高亮的样式
import './VueComponent.js' // vant组件注册, 单独的分离成一个js文件, 让main.js更清晰
import axios from 'axios'

Vue.use(directiveObj)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

// 2. webpack开发服务器 -> 做代理转发
// 例如: 直接请求, 会报跨域跨域错误
axios({
  url: '/api/nc/article/headline/T1348647853363/0-40.html'
  // url: 'http://c.m.163.com/nc/article/headline/T1348647853363/0-40.html'
}).then(res => {
  console.log(res)
})
// 原因: 前端->后端接口跨域问题, 但是后端既不支持jsonp也不开启cors, 前端无法直接请求
// 解决: 跨域解决方案第三种, 用代理服务器
// 使用: 还好webpack开发服务器, 默认就支持代理转发的功能, 但是需要你配置代理转发的地址
// (1): 在vue.config.js中, 设置devServer服务器配置项
// (2): axios请求, 要请求本地开发服务器相对地址开头
// (3): 改完配置重启服务器
